<script>
  export let size = "18px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  width={size}
  height={size}
  viewBox="0 0 18 18"
  fill="none"
>
  <path
    d="M6 7.5L2.25 5.625V10.125L6 12L9.375 9.375L15.375 10.5V8.25L9 5.25L6 7.5Z"
    fill={secondaryColor}
  />
  <path
    d="M6 12L2.25 10.125V14.25H15.375V10.5L9.375 9.375L6 12Z"
    fill={primaryColor}
  />
  <path
    d="M15.3746 7.46784L8.92079 4.59949L5.89902 6.94194L2.50416 5.21939L1.99512 6.22264L6.02526 8.26753L9.07849 5.90068L15.3746 8.69895V7.46784Z"
    fill={primaryColor}
  />
  <path
    d="M15.3746 9.86328L9.20842 8.77832L5.8988 11.3383L2.5032 9.62331L1.99603 10.6275L6.02544 12.6626L9.50331 9.97249L15.3746 11.0056V9.86328Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M1.5 15V2.625C1.5 2.41789 1.66789 2.25 1.875 2.25H2.25C2.45711 2.25 2.625 2.41789 2.625 2.625V15H1.5Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M16.5 14.625C16.5 14.8321 16.3321 15 16.125 15H2.25V13.875H16.125C16.3321 13.875 16.5 14.0429 16.5 14.25V14.625Z"
    fill={primaryColor}
  />
</svg>
